<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style13.css">
</head>

<body>
    <div class="body">
        <div class="first">
            <div class="center">
                <div class="display">
                    <div class="left">
                        <div class="left1">
                            <h1> BEST MUSIC LIVE</h1>
                        </div>
                    </div>
                    <div class="right">
                        <div class="right1">
                            <div class="right2">
                                <h1>Home</h1>
                            </div>
                        </div>
                        <div class="right-2">
                            <h1>Ticket</h1>
                        </div>
                        <div class="right-3">
                            <h1>Music news</h1>
                            <div class="num">
                                <h3>42</h3>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <div class="right-4">
                            <h1>Magazine</h1>
                        </div>
                        <div class="right-5">
                            <h1>!Live</h1>
                        </div>
                        <div class="right-6">
                            <h1>Podcast</h1>
                        </div>
                    </div>
                    <div class="sub">
                        <input type="email" name="email" placeholder="Search" class="email">
                    </div>
                </div>
            </div>
        </div>
        <!-- first -->
        <div class="second">
            <div class="center1">
                <div class="all-pic">
                    <div class="picture-11">
                        <img src="./图片/Rectangle 14.png">
                    </div>
                    <div class="picture-1">
                        <img src="./图片/Rectangle 34.png">
                    </div>
                    <div class="picture-1">
                        <img src="./图片/Rectangle 15.png">
                    </div>
                    <div class="picture-1">
                        <img src="./图片/Rectangle 16.png">
                    </div>
                    <div class="picture-1">
                        <img src="./图片/Rectangle 17.png">
                    </div>
                    <div class="picture-1">
                        <img src="./图片/Rectangle 18.png">
                    </div>
                    <div class="picture-1">
                        <img src="./图片/Rectangle 19.png">
                    </div>
                </div>
                <div class="all-pic">
                    <div class="picture-11">
                        <img src="./图片/Rectangle 20.png">
                    </div>
                    <div class="picture-22">
                        <img src="./图片/Rectangle 17.png">
                    </div>
                    <div class="picture-22">
                        <img src="./图片/Rectangle 22.png">
                    </div>
                    <div class="picture-22">
                        <img src="./图片/Rectangle 23.png">
                    </div>
                    <div class="picture-22">
                        <img src="./图片/Rectangle 24.png">
                    </div>
                    <div class="picture-22">
                        <img src="./图片/Rectangle 25.png">
                    </div>
                    <div class="picture-22">
                        <img src="./图片/Rectangle 26.png">
                    </div>
                </div>
                <div class="all-pic">
                    <div class="picture-11">
                        <img src="./图片/Rectangle 27.png">
                    </div>
                    <div class="picture-33">
                        <img src="./图片/Rectangle 28.png">
                    </div>
                    <div class="picture-33">
                        <img src="./图片/Rectangle 29.png">
                    </div>
                    <div class="picture-33">
                        <img src="./图片/Rectangle 30.png">
                    </div>
                    <div class="picture-33">
                        <img src="./图片/Rectangle 22.png">
                    </div>
                    <div class="picture-33">
                        <img src="./图片/Rectangle 32.png">
                    </div>
                    <div class="picture-33">
                        <img src="./图片/Rectangle 33.png">
                    </div>
                </div>
                <div class="all-pic">
                    <div class="picture-11">
                        <img src="./图片/Rectangle 50.png">
                    </div>
                    <div class="picture-44">
                        <img src="./图片/reac1.png">
                    </div>
                    <div class="picture-44">
                        <img src="./图片/react44.png">
                    </div>
                    <div class="picture-44">
                        <img src="./图片/reac11.png">
                    </div>
                    <div class="picture-44">
                        <img src="./图片/Rectangle 14.png">
                    </div>
                    <div class="picture-44">
                        <img src="./图片/Rectangle 16.png">
                    </div>
                    <div class="picture-44">
                        <img src="./图片/refc55.png">
                    </div>
                </div>
                <div class="pian">
                    <img src="./图片/1693.png">
                </div>
                <div class="opl">
                    <img src="./图片/Logo_center.png">
                    <div class="clear"></div>
                </div>
                <div class="wenzi1">
                    <h1>Music News ,Album Reviews ,Concert Photo,MP3s,Videos and More</h1>
                    <div class="clear"></div>
                </div>
                <div class="button">
                    <button type="submit" class="btn">SIGN UP</button>
                    <div class="clear"></div>
                </div>

            </div>
        </div>
        <!-- second -->
        <div class="third">
            <div class="center">
                <div class="all">
                    <div class="all-display">
                        <div class="all-left">
                            <div class="all-left1">
                                <div class="all-left2">
                                    <h1>MUSIC</h1>
                                </div>
                            </div>
                            <ul class="another2">
                                <li class="move1">New</li>
                                <li class="move2">Mix</li>
                                <li class="width">live Music </li>
                                <li class="move4">Tv Music</li>
                                <li class="move3">Trening</li>
                            </ul>
                            <div class="another3">
                                <div class="picture1">
                                    <img src="./图片/Rec70.png">
                                    <img src="./图片/heart2 3.png" class="hear">
                                    <h1>Favorites</h1>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- third -->
        <div class="fourth">
            <div class="center">
                <div class="all-pic4">
                    <div class="picture-11-1">
                        <img src="./图片/Music_grid.png">
                        <img src="./图片/Top_info_music-to-select.png" class="top">
                    </div>
                </div>
            </div>
        </div>
        <!-- fourth -->
        <div class="five">
            <div class="center">
                <div class="all1">
                    <div class="all-display1">
                        <div class="all-left1-1">
                            <div class="all-left2-2">
                                <h1>NEWS</h1>
                            </div>
                        </div>
                        <ul class="another2-2 display2-2">
                            <li>All</li>
                            <li>New </li>
                            <li class="width1">Album news</li>
                            <li>Newsletter</li>
                            <li>Music news</li>
                        </ul>
                        <div class="another3-3">
                            <img src="./图片/Select_view_news.png">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- five -->
        <div class="six">
            <div class="center six">
                <div class="display3-3 position1-1">
                    <div class="picture-1-1">
                        <img src="./图片/News1.png">
                    </div>
                    <div class="picture-1-1">
                        <img src="./图片/News2.png">
                    </div>
                    <div class="picture-1-11">
                        <img src="./图片/News3.png">
                    </div>
                </div>
            </div>
        </div>
        <!-- six -->
        <div class="seven">
            <div class="center">
                <div class="top-1">
                    <div class="display-all-1">
                        <div class="all-left">
                            <div class="left-1-1">
                                <h1>TICKET</h1>
                            </div>
                        </div>
                        <ul class="all-right">
                            <li class="bottom" style="padding: 0;padding-top: 15px;">Today</li>
                            <div class="row">
                                <li>Tomorrow</li>
                                <li>Day after tomorrow </li>
                            </div>
                        </ul>
                        <div class="all-another">
                            <h1>Select date</h1>
                            <img src="./图片/calendar2.png" class="calen">
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
                <div class="bottom-1">
                    <div class="picture-2-1">
                        <img src="./图片/Ticket1.png" class="ticket">
                    </div>
                    <div class="picture-2-1">
                        <img src="./图片/Ticket2.png" class="ticket">
                    </div>
                    <div class="picture-2-1">
                        <img src="./图片/Ticket3.png" class="ticket">
                    </div>
                    <div class="picture-2-1">
                        <img src="./图片/Ticket4.png" class="ticket">
                    </div>
                    <div class="picture-2-2">
                        <img src="./图片/Ticket5.png" class="ticket">
                    </div>

                </div>
            </div>
        </div>
        <!-- seven -->
        <div class="top-2-1">
            <img src="./图片/Triangle 1.png" class="trian">
            <h1 class="to">To top</h1>
        </div>
        <!-- top-2-1 -->
        <div class="eight">
            <div class="center">
                <div class="all-1-1">
                    <div class="display-1-3">
                        <div class="left-2-1">
                            <div class="left-1-2">
                                <h1>BEST MUSIC LIVE</h1>
                            </div>
                        </div>
                        <ul class="another-3-1 padding-1">
                            <li class="bottom-3" style="padding: 0;">Home</li>
                            <div class="cket">
                                <li>Ticket</li>
                                <li>Music news</li>
                                <li>Magazine</li>
                                <li>!live</li>
                                <li>Podcast</li>
                            </div>
                        </ul>
                        <div class="picture-3-1">
                            <div class="tw-goo">
                                <div class="google">
                                    <img src="./图片/google-plus4.png">
                                </div>
                                <div class="facebook">
                                    <img src="./图片/facebook3.png">
                                </div>
                                <div class="twitter">
                                    <img src="./图片/twitter3.png">
                                </div>
                            </div>
                            <div class="view">
                                <h1>182 439 View</h1>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>